<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Zerg控制台</title>
    <link rel="icon" th:href="@{img/favicon.ico}" type="image/x-icon"/>
    <link rel="stylesheet" th:href="@{css/dashboard.css}" type="text/css">
    <script th:src="@{js/jquery.js}"></script>
    <script th:src="@{js/dashboard.js}"></script>
</head>
<body>
    <div id="outer">
        <div id="left">
            <div id="leftInner">
                <button id="start" class="button" onclick="start()">开始</button>
                <button id="pause" class="button" onclick="pause()">暂停</button>

                <button id="closeGame" class="button" onclick="closeGame()">关闭炉石</button>
                <button id="closePlatform" class="button" onclick="closePlatform()">关闭战网</button>

                <div id="modeOuter">
                    <span>
                        模式：
                    </span>
                    <label for="mode"></label><select name="mode" id="mode" onchange="getAllDeckByMode()"></select>
                </div>
                <div id="deckOuter">
                    <span>
                        卡组：
                    </span>
                    <label for="deck"></label><select name="deck" id="deck" onchange="changeDeck()"></select>
                </div>

                <div id="warCountOuter">
                    <span>
                        游戏局数：
                    </span>
                    <span id="warCount"></span>
                </div>
                <div id="winningPercentageOuter">
                    <span>
                        胜率：
                    </span>
                    <span id="winningPercentage"></span>
                </div>

                <div id="gameTimeOuter" title="分钟">
                    <span>
                        游戏时长：
                    </span>
                    <span id="gameTime"></span>
                </div>
                <div id="expOuter" title="预估值">
                    <span>
                        经验：
                    </span>
                    <span id="exp"></span>
                </div>

                <div id="dayOuter">
                    <div>
                        工作天：
                    </div>
                    <br>
                    <span id="day">
                        <span><input type="checkbox" name="day" class="day">每天</span>
                        <span><input type="checkbox" name="day" class="day">周一</span>
                        <span><input type="checkbox" name="day" class="day">周二</span>
                        <span><input type="checkbox" name="day" class="day">周三</span>
                        <span><input type="checkbox" name="day" class="day">周四</span>
                        <span><input type="checkbox" name="day" class="day">周五</span>
                        <span><input type="checkbox" name="day" class="day">周六</span>
                        <span><input type="checkbox" name="day" class="day">周日</span>
                    </span>
                </div>
                <div id="timeOuter">
                    <div title="[HTML时间选择器无法选择和显示24:00]">
                        工作段：<span style="font-size: 12px;color: rgb(128,128,128)"></span>
                    </div>
                    <br>
                    <span class="time" id="time">
                        <div class="time">
                            <input type="checkbox" name="time">
                            <input type="time"> -
                            <input type="time">
                        </div>
                        <div class="time">
                            <input type="checkbox" name="time">
                            <input type="time"> -
                            <input type="time">
                        </div>
                        <div class="time">
                            <input type="checkbox" name="time">
                            <input type="time"> -
                            <input type="time">
                        </div>
                    </span>
                </div>
                <div id="background">
                </div>
            </div>
            <center>
                <button id="save" onclick="save()" class="normalButton">保存</button>
                <span id="tip" style="color: #5CB85C;font-size: 12px"></span>
            </center>
            <center style="margin-top: 50px;font-size: 14px;">
                <div th:text="${version}"></div>
            </center>
            <center style="margin-top: 40px">
                <button id="screenCapture" onclick="screenCapture()" class="normalButton">截屏</button>
            </center>
        </div>
        <div id="right">
            <div id="log">
                <strong>脚本日志：</strong>
                <div id="content">
                </div>
            </div>
        </div>
    </div>
</body>
</html>